<template>
    <div class="borderdiv item"></div>
</template>
<style lang="scss" scoped>
.borderdiv {
    width: 100%;
    padding: 1px;
    background: linear-gradient(
      to left,
      transparent 50%,
      #2cb9a4 50%,
      #2cb9a4 100%
    );
    background-size: 10px 1px;
    /* 第一个参数控制虚线的间隙（利用的是图片的放大效果一样），第二个参数控制虚线的粗细 */
    background-repeat: repeat-x;
    background-position: top;
    margin: 10px 0;
    /* 控制方向：top、bottom */
  }
</style>